/**
 * 卡片分类管理
 */
var React = require("react");
var {Grid,Row,Col} = require("react-bootstrap");
var NavIndex = require("/react/admin/NavIndex.jsx");
var {Util} = require("flower");
class Main extends React.Component{
    constructor(props){
        super(props);
        this.state = {

        };
    }

    render() {
        return (
            <Grid>
                <Row className="show-grid">
                    <Col xs={8} md={8}>
                        <div style={{height:"50px",lineHeight:"50px",width:"100%"}}>Mango Grid * 卡片集 V0.1
                            <a target="_blank" href={Util.basePath()+"/qrcode?url="+window.BASE64.encoder(window.location.href)}><img width={20} src={Util.basePath()+"/image/qrcode_a.png"} alt="网址二维码"/></a>
                        </div>
                    </Col>
                    <Col xs={4} md={4}>
                        <div style={{height:"50px",lineHeight:"50px",width:"100%"}}>
                            <span className="pull-right">
                                <a href={Util.basePath()+"/"} target="_blank" style={{marginRight:"10px"}}>前往前端首页</a>
                                欢迎您，<img style={{width:"30px",height:"30px",borderRadius:"15px"}} src={Util.getLoingUser().photo}/>{Util.getLoingUser().name}。
                                <a href={Util.basePath()+"/logout"}>退出</a>
                            </span>
                        </div>
                    </Col>
                </Row>
                <Row className="show-grid">
                    <Col xs={12} md={2}>
                        <NavIndex selectKey="home"/>
                    </Col>
                    <Col xs={12} md={10}>
                        <div id="mainDiv">

                        </div>
                    </Col>
                </Row>
            </Grid>
        );
    }
}
module.exports = Main;